<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="data" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: Chengbo Zhang
  Date: 2023/2/27
  Time: 9:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>关于我们</title>
  <link rel="icon" href="../img/p7up.png" type="img/x-ico">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/about.css">
</head>
<body>
<div class="justify-content-center">
  <div>
    <!-- 顶部导航与大图 -->
    <jsp:include page="top-two.jsp"/>
    <!-- 关于我们详情 -->
    <div class="about justify-content-center flex-wrap">
      <div>
        <div class="justify-content-center flex-wrap">
          <!-- 导航标签 -->
          <div class="justify-content-start">
            <img src="../img/p7up.png">
            <div>网站首页 >> 关于我们</div>
          </div>
          <!-- 图片文字 -->
          <div class="img-word justify-content-center flex-wrap">
            <div>
              <img src="../img/SLMF-Portada-BBD.jpg">
            </div>
            <div>
              <div>某某健身用品专卖店是由上市公司中高体股份有限公司和美国倍力公司合作成立的一家高度专业化、规模化、高档次经营健身俱乐部的合资公司，中体产业股份有限公司
                是国家体育总局控股的****体育上 市公司，自1998年3月成立以来，始终致力于体育产业的经营与开发，并不断拓展体育市场经营领域，实现体育产业的多元化经营。</div>
              <div>某某健身运动有限公司是由中国某某有限公司和美国某某公司合作成立的一家高度专业化、规模化、高档次经营健身俱乐部的合资公司，中国XX有限公司
                是一家体育上市公司，自1998年3月成立以来，始终致力于体育产业的经营与开发，并不断拓展体育市场经营领域，实现体育产业的多元化经营......</div>
            </div>
          </div>
          <!-- 时间文字 -->
          <div class="time-word justify-content-center flex-wrap">
            <div>
              <img src="${newsImageModelList[0].imageMessage}">
            </div>
            <div class="justify-content-start flex-wrap">
              <div><data:formatDate value="${newsModelList[0].date}" pattern="yyyy年MM月dd日"/></div>
              <div>${newsModelList[0].content}</div>
            </div>
            <div class="justify-content-end flex-wrap">
              <div><data:formatDate value="${newsModelList[1].date}" pattern="yyyy年MM月dd日"/></div>
              <div>${newsModelList[1].content}</div>
            </div>
            <div>
              <img src="${newsImageModelList[1].imageMessage}">
            </div>
            <div>
              <img src="${newsImageModelList[2].imageMessage}">
            </div>
            <div class="justify-content-start flex-wrap">
              <div><data:formatDate value="${newsModelList[2].date}" pattern="yyyy年MM月dd日"/></div>
              <div>${newsModelList[2].content}</div>
            </div>
          </div>
        </div>
        <!-- 学员风采 -->
        <div class="justify-content-center">
          <div class="justify-content-center flex-wrap">
            <!-- 标题 -->
            <div class="show-title justify-content-center flex-wrap">
              <div>学员风采</div>
              <div>STUDENT SHOW</div>
            </div>
            <!-- 照片 -->
            <div class="show-img justify-content-center flex-wrap">
              <div class="justify-content-center">
                <c:forEach items="${studentShowModelList}" var="student" begin="0" end="4">
                  <div>
                    <img src="${student.imageMessage}">
                  </div>
                </c:forEach>
              </div>
              <div class="justify-content-center">
                <c:forEach items="${studentShowModelList}" var="student" begin="5" end="7">
                  <div>
                    <img src="${student.imageMessage}">
                  </div>
                </c:forEach>
              </div>
              <div class="justify-content-center">
                <c:forEach items="${studentShowModelList}" var="student" begin="8" end="8">
                  <div>
                    <img src="${student.imageMessage}">
                  </div>
                </c:forEach>
              </div>
            </div>
            <!-- 立即预约 -->
            <div class="show-request">
              <div>立即预约</div>
            </div>
          </div>

        </div>
      </div>

    </div>
    <!-- 页脚 -->
    <jsp:include page="foot.jsp"/>
  </div>
</div>
</body>
</html>
